<?php
require_once '../../session.php';
?>
<script type="text/javascript">
    $(document).ready(function() {
        $("#nombre").focus();
        getProductos();
        getProductosDeshabilitados();
    });
    
    $("#agregarProducto").click(function() {
        var parametros = {
            "accion" :  "agregarProducto",
            "nombre" :  $("#nombre").val()
        };
        
        $.ajax({
            data:   parametros,
            url:    'controladores/productoControlador.php',
            type:   'post',
            beforeSend: function() {
                $("#resultadoNombre").html("<img src=\"imagenes/ajax-loader-chico.gif\" />");
            },
            success: function(respuesta) {
                $("#resultadoNombre").html(respuesta);
            }
        });
    });
    
    function getProductos() {
        var parametros = {
            "accion" :  "getProductos"
        };
        
        $.ajax({
            data:   parametros,
            url:    'controladores/productoControlador.php',
            type:   'post',
            beforeSend: function() {
                $("#productosExistentes").html("<img src=\"imagenes/ajax-loader-chico.gif\" />");
            },
            success: function(respuesta) {
                $("#productosExistentes").html(respuesta);
            }
        });
    }
    
    function getProductosDeshabilitados() {
        var parametros = {
            "accion" :  "getProductosDeshabilitados"
        };
        
        $.ajax({
            data:   parametros,
            url:    'controladores/productoControlador.php',
            type:   'post',
            beforeSend: function() {
                $("#contenedor-izquierda").html("<img src=\"imagenes/ajax-loader-chico.gif\" />");
            },
            success: function(respuesta) {
                $("#contenedor-izquierda").html(respuesta);
            }
        });
    }
    
    function habilitarProducto(idProducto) {
        var parametros = {
            "accion" :  "habilitarProducto",
            "idProducto" :  idProducto
        };
        
        $.ajax({
            data:   parametros,
            url:    'controladores/productoControlador.php',
            type:   'post',
            beforeSend: function() {
                $("#contenedor-izquierda").html("<img src=\"imagenes/ajax-loader-chico.gif\" />");
            },
            success: function() {
                getProductos();
                getProductosDeshabilitados();
            }
        });
    }
    function editarLabelProducto(idProducto) {
        var parametros = {
            "accion" :  "editarLabelProducto",
            "idProducto" :  idProducto
        }
        $.ajax({
            data:   parametros,
            url:    'controladores/productoControlador.php',
            type:   'post',
            beforeSend: function() {
                $("#"+idProducto).html("<img src=\"imagenes/ajax-loader-chico.gif\" />");
            },
            success: function(respuesta) {
                $("#"+idProducto).html(respuesta);
            }
        });
    }
    
    function guardarProducto(idProducto) {
        var parametros = {
            "accion" :  "guardarProducto",
            "idProducto" :   idProducto,
            "nombre" :  $("#label-"+idProducto).val()
        }
        $.ajax({
            data:   parametros,
            url:    'controladores/productoControlador.php',
            type:   'post',
            beforeSend: function() {
                $("#"+idProducto).html("<img src=\"imagenes/ajax-loader-chico.gif\" />");
            },
            success: function(response) {
                $("#"+idProducto).html(response);
            }
        });
    }
    
    function eliminarProducto(idProducto) {
        var parametros = {
            "accion" :  "eliminarProducto",
            "idProducto" :   idProducto   
        };
        $.ajax({
            data:   parametros,
            url:    'controladores/productoControlador.php',
            type:   'post',
            beforeSend: function() {
                $("#productosExistentes").html("<img src=\"imagenes/ajax-loader-chico.gif\" />");
            },
            success: function() {
                getProductos();
                getProductosDeshabilitados();
            }
        });
    }
</script>
<h4>Alta de Productos</h4>
<p>
    <label>Nombre:</label>
    <input style="float: left;" type="text" id="nombre" maxlength="45" /> <div id="resultadoNombre"></div>
</p>
<p style="clear: both;">
    <input type="button" id="agregarProducto" value="Agregar" class="btn btn-success" />
</p>
<br /><br />
<p style="clear: both;">
    <h4>Productos Existentes</h4>
    <div id="productosExistentes"></div>
</p>
